/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018-12-13 Time: 22:23
 */

import {StyleSheet} from 'react-native';
import {FONT_COLOR_SUB_TITLE, FONT_SIZE_TITLE} from "../../../constant/PHColors";
import {SCREEN_HEIGHT, SCREEN_WIDTH} from "../../../constant/PHScreen";

export const styles = StyleSheet.create({

    body: {
        flex: 1,
        backgroundColor: 'white',
    },

    promptMessage:{
        backgroundColor: '#fff5c6',
    },

    promptMessageText:{
        fontSize:14,
        color: FONT_COLOR_SUB_TITLE,
        margin: 7,
        flexWrap: "wrap",
    },

    boxContainer:{
        marginTop:30,
        height: 100,
        width: SCREEN_WIDTH,
        flexDirection: 'column',
        backgroundColor: 'white',
        justifyContent:'space-around',
    },

    container:{
        marginTop:10,
        width:SCREEN_WIDTH-30,
        marginLeft:15,
        justifyContent: 'flex-start',
        flexDirection:'row',
        borderBottomWidth: 1,
        borderColor: '#999999',
        paddingBottom: 5,
    },

    containerName:{
        fontSize: 20,
        color: '#626262',
        width:90,
    },

    phoneNumInput:{
        fontSize: 17,
        padding: 0,
        marginLeft: 15,
        width:SCREEN_WIDTH-30-90-95,
    },

    verificationCodeBtnDisable:{
        width:80,
        backgroundColor:'#9f9f9f',
        height:30,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    verificationCodeBtnAble:{
        width:80,
        backgroundColor:'#1f60ff',
        height:30,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    verificationCodeBtnText: {
        fontSize: 14,
        color: '#ffffff',
        marginBottom: 1,
        textAlign:'center',
    },

    verificationCodeInput:{
        fontSize: 17,
        padding: 0,
        marginLeft: 15,
        width:SCREEN_WIDTH-30-110,
    },

    boxBottomBtnAble:{
        width:SCREEN_WIDTH-30,
        marginLeft:15,
        marginTop:20,
        backgroundColor:'#1f60ff',
        height:40,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    boxBottomBtnDisable:{
        width:SCREEN_WIDTH-30,
        marginLeft:15,
        marginTop:20,
        backgroundColor:'#9f9f9f',
        height:40,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    boxBottomBtnText:{
        fontSize: 20,
        color: '#ffffff',
        marginBottom: 1,
        textAlign:'center',
    },

    modalContainer: {
        flex: 1,
        backgroundColor: 'rgba(0,0,0, 0.5)',
    },

    checkModalBody:{
        top:(SCREEN_HEIGHT-100)/2,
        height: 150,
        left:40,
        width:SCREEN_WIDTH - 80,
        backgroundColor:'white',
    },

    checkModalHeaderText: {
        fontSize: 22,
        color: '#2f67ff'
    },

    checkModalHeader: {
        height: 50,
        justifyContent: 'center',
        alignItems: 'center',
        borderBottomWidth: 1,
        borderColor: '#2f67ff',
    },

    checkModalCenter:{
        height: 50,
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection:'row'
    },

    checkModalCenterLeft:{
        flex:1,
        height: 44,
        margin: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor:'#cecece'
    },

    checkModalCenterRight:{
        flex:1,
        height: 44,
        margin: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor:'#2f67ff'
    }
})